<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="box">
			<navbar></navbar>
			<tabbar>
				
			</tabbar>
		</div>
		
		<script type="text/javascript">
			Vue.component("navbar",{
				template:`<div>注册组件</div>`,
				methods:{
					main(){
						console.log("拜拜")
					}
				}
			})
			
			Vue.component("tabbar",{
				template:`<div>起飞
				<childbar></childbar>
				</div>`,
				components:{
					"childbar":{
						template:`<div>局部组件</div>`
					}
				}
			})
			var vm=new Vue({
				el:"#box"
			})
		</script>
	</body>
</html>
